<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>手拿包</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="../../css/global.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/layout.css"/>
		<script src="../../js/jquery-3.2.1.js"></script>
		<script src="../../js/bootstrap.js"></script>
		<style type="text/css">
			.bag ul li{
				float: left;
				font-size: 12px;
				line-height: 10px;
				margin-left: 3%;
			}
		</style>
	</head>
	<body>
		<div class="bag" style="width: 100%;height: 100%;">
			<div class="bag_div" style="width: 100%;height: 77.6px;text-align: center;border-bottom: #000000;">
				<span style="line-height: 77.6px;font-weight: bolder;font-size: 24px;">手拿包</span>
			</div>
			
			<div style="width: 100%;height: 47px;position: relative;">
				<hr  style="width: 100% ;height: 1px; background-color: #000000;"/>
				<ul style="position: absolute;left: 10%;width: 100%;">
					<li><span>排序方式</span></li>
					<li><span>依据门店游览</span></li>
					<li><span>筛选器</span></li>
					<li><span>颜色</span></li>
					<li><span>系列</span></li>
				</ul>
					<hr style="width: 100% ;height: 1px; background-color: #000000;margin-top: 3%;" />		
			</div>
				<!-- tupian -->
					<div class="row col-lg-10 col-lg-offset-1" style="margin-top: 2%;">
						<div class="col-lg-6 text-center">
							<div class="row">
								<div class="col-lg-6">
									<img src="../../images/womanAccessories/womanbao1.jpg" alt="" style="width: 100%; height: 100%;">
								</div>
								<div class="col-lg-6">
									<img src="../../images/womanAccessories/womanbao8.jpg" alt="" style="width: 100%; height: 100%;">
								</div>
							</div>
							<br />
							<div class="row">
								<div class="col-lg-6">
									<img src="../../images/womanAccessories/womanbao2.jpg" alt="" style="width: 100%; height: 100%;">
								</div>
								<div class="col-lg-6">
									<img src="../../images/womanAccessories/womanbao4.jpg" alt="" style="width: 100%; height: 100%;">
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<img src="../../images/womanAccessories/womanbao3.jpg" alt="" style="width: 575px; height: 771px;">
						</div>
					</div>
					<div class="row col-lg-10 col-lg-offset-1" style="margin-top: 50px;">
				
						<div class="col-sm-6 col-md-3">
							<a href="#" class="thumbnail">
								<img src="../../images/womanAccessories/womanbao5.jpg" alt="">
							</a>
						</div>
						<div class="col-sm-6 col-md-3">
							<a href="#" class="thumbnail">
								<img src="../../images/womanAccessories/womanbao6.jpg" alt="">
							</a>
						</div>
						<div class="col-sm-6 col-md-3">
							<a href="#" class="thumbnail">
								<img src="../../images/womanAccessories/womanbao7.jpg" alt="">
							</a>
						</div>
					</div>
				</div>
		</div>
	</body>
</html>
